<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
  <head>
    <link rel="preload" as="image" href="https://dlh49gjxx49i3.cloudfront.net/emails/HoppLogo.png" />
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <meta name="x-apple-disable-message-reformatting" />
  </head>
  <body
    style="
      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
      margin-bottom: auto;
      background-color: rgb(255, 255, 255);
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-family:
        ui-sans-serif, system-ui, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;,
        &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;
    "
  >
    <!--$-->
    <div style="display: none; overflow: hidden; line-height: 1px; opacity: 0; max-height: 0; max-width: 0">
      Reset your Hopp password — click the link to create a new password
      <div>
         ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿ ‌​‍‎‏﻿
      </div>
    </div>
    <table
      align="center"
      width="100%"
      border="0"
      cellpadding="0"
      cellspacing="0"
      role="presentation"
      style="
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        margin-bottom: 40px;
        max-width: 465px;
        border-radius: 0.25rem;
        border-width: 1px;
        border-color: rgb(234, 234, 234);
        border-style: solid;
        padding: 20px;
      "
    >
      <tbody>
        <tr style="width: 100%">
          <td>
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="margin-top: 32px"
            >
              <tbody>
                <tr>
                  <td>
                    <a
                      href="https://gethopp.app/?utm_source=email&amp;utm_medium=reset_password_logo"
                      target="_blank"
                      rel="noopener noreferrer"
                      ><img
                        alt="Hopp logo"
                        height="50"
                        src="https://dlh49gjxx49i3.cloudfront.net/emails/HoppLogo.png"
                        style="
                          margin-left: auto;
                          margin-right: auto;
                          margin-top: 0px;
                          margin-bottom: 0px;
                          display: block;
                          outline: none;
                          border: none;
                          text-decoration: none;
                        "
                        width="auto"
                    /></a>
                  </td>
                </tr>
              </tbody>
            </table>
            <p
              class="font-regular"
              style="font-size: 16px; color: rgb(0, 0, 0); line-height: 24px; margin-top: 16px; margin-bottom: 16px"
            >
              We received a request to reset your password for your Hopp account
            </p>
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="
                border-width: 1px;
                border-style: solid;
                border-color: rgb(226, 232, 240);
                border-radius: 0.375rem;
                padding: 1rem;
              "
            >
              <tbody>
                <tr>
                  <td>
                    <p
                      style="
                        font-size: 14px;
                        color: rgb(0, 0, 0);
                        line-height: 14px;
                        margin-top: 16px;
                        margin-bottom: 16px;
                      "
                    >
                      Reset your password
                    </p>
                    <p
                      style="
                        font-size: 12px;
                        color: rgb(100, 116, 139);
                        line-height: 18px;
                        margin-top: 16px;
                        margin-bottom: 16px;
                      "
                    >
                      Click the button below to create a new password. This link will expire in 30 minutes.
                    </p>
                    <table
                      align="center"
                      width="100%"
                      border="0"
                      cellpadding="0"
                      cellspacing="0"
                      role="presentation"
                      style="max-width: 37.5em"
                    >
                      <tbody>
                        <tr style="width: 100%">
                          <td>
                            <div style="text-align: center">
                              <a
                                href="{reset_link}"
                                style="
                                  border-radius: 0.25rem;
                                  width: calc(100% - 40px);
                                  background-color: rgb(30, 41, 59);
                                  padding-left: 1.25rem;
                                  padding-right: 1.25rem;
                                  padding-top: 0.75rem;
                                  padding-bottom: 0.75rem;
                                  text-align: center;
                                  font-weight: 300;
                                  font-size: 12px;
                                  color: rgb(255, 255, 255);
                                  text-decoration-line: none;
                                  line-height: 100%;
                                  text-decoration: none;
                                  display: inline-block;
                                  max-width: 100%;
                                  mso-padding-alt: 0px;
                                  padding: 12px 20px 12px 20px;
                                "
                                target="_blank"
                                ><span
                                  ><!--[if mso
                                    ]><i style="mso-font-width: 500%; mso-text-raise: 18" hidden>&#8202;&#8202;</i><!
                                  [endif]--></span
                                ><span
                                  style="
                                    max-width: 100%;
                                    display: inline-block;
                                    line-height: 120%;
                                    mso-padding-alt: 0px;
                                    mso-text-raise: 9px;
                                  "
                                  >Reset Password</span
                                ><span
                                  ><!--[if mso
                                    ]><i style="mso-font-width: 500%" hidden>&#8202;&#8202;&#8203;</i><!
                                  [endif]--></span
                                ></a
                              >
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <p
              style="
                font-size: 12px;
                color: rgb(100, 116, 139);
                line-height: 18px;
                margin-top: 1rem;
                margin-bottom: 16px;
              "
            >
              If you didn&#x27;t request a password reset, you can safely ignore this email. Your password will remain
              unchanged.
            </p>
            <hr
              style="
                margin-left: 0px;
                margin-right: 0px;
                margin-top: 26px;
                margin-bottom: 26px;
                width: 100%;
                border-width: 1px;
                border-color: rgb(234, 234, 234);
                border-style: solid;
                border: none;
                border-top: 1px solid #eaeaea;
              "
            />
            <table
              align="center"
              width="100%"
              border="0"
              cellpadding="0"
              cellspacing="0"
              role="presentation"
              style="margin-top: 32px; margin-bottom: 32px; text-align: center"
            >
              <tbody>
                <tr>
                  <td>
                    <p
                      style="
                        color: rgb(102, 102, 102);
                        font-size: 12px;
                        line-height: 24px;
                        margin-top: 16px;
                        margin-bottom: 16px;
                      "
                    >
                      Hopp is build from 🇪🇺 by<!-- -->
                      <a target="_blank" href="https://dub.sh/icn7heP">Costa</a>
                      <!-- -->and<!-- -->
                      <a target="_blank" href="https://iparaskev.com/">Iason</a>, a team of two engineers trying to
                      bring you the best remote pair programming experience. Thank you for supporting us ❤️
                    </p>
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
    <!--7--><!--/$-->
  </body>
</html>
